<template>
  <div class="management-container">
    <!-- 头部导航栏 -->
    <nav-bar />

    <div class="main-content">
      <h1>活动管理</h1>
      
      <!-- 添加按钮 -->
      <div class="management-actions">
        <button @click="createActivity">新增活动</button>
      </div>

      <!-- 显示活动列表 -->
      <table class="activities-table" v-if="activities.length > 0">
        <!-- 表格内容保持不变 -->
      </table>
      <p v-else>暂无活动数据</p>

      <!-- 模态框 -->
      <div v-if="showModal" class="modal">
        <!-- 模态框内容保持不变 -->
      </div>
    </div>
  </div>
</template>

<script>
import NavBar from '@/components/NavBar.vue'; // 导航组件引用

export default {
  components: {
    NavBar // 注册组件
  },
  // 原 script 内容保持不变
};
</script>
<!-- styles remain unchanged -->